.context-menu-icon::before {
    color: $base-primary;
}

.context-menu-icon.context-menu-hover:before {
    color: #fff
}

.context-menu-icon.context-menu-disabled::before {
    color: #bbb
}

.context-menu-icon.context-menu-icon--fa::before {
    color: $base-primary;
}

.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
    color: #fff
}

.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
    color: #bbb
}

.context-menu-icon.context-menu-icon--fa5 i,
.context-menu-icon.context-menu-icon--fa5 svg {
    color: $base-primary;
}

.context-menu-icon.context-menu-icon--fa5.context-menu-hover>i,
.context-menu-icon.context-menu-icon--fa5.context-menu-hover>svg {
    color: #fff
}

.context-menu-icon.context-menu-icon--fa5.context-menu-disabled i,
.context-menu-icon.context-menu-icon--fa5.context-menu-disabled svg {
    color: #bbb
}

.context-menu-list {
    background: #fff;
    border: 1px solid #ddd;
}

.context-menu-item {
    color: #2f2f2f;
    background-color: #fff
}

.context-menu-separator {
    border-bottom: 1px solid #e6e6e6
}

.context-menu-item.context-menu-hover {
    color: #fff;
    background-color: $base-primary;
}

.context-menu-item.context-menu-disabled {
    color: #bbb;
    background-color: #fff
}

.context-menu-input.context-menu-hover {
    color: #2f2f2f;
}

.context-menu-submenu:after {
    border-color: transparent transparent transparent #2f2f2f;
}